<!DOCTYPE html>
<html>

	<head>
		<base href="../../" />
		<meta charset="utf-8">
		<title>参赛统计</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link rel="stylesheet" href="lib/layui-v2.5.4/css/layui.css" media="all">
		<link rel="stylesheet" href="css/public.css" media="all">
		<script src="lib/layui-v2.5.4/layui.js" charset="utf-8"></script>
		<script src="js/statis/statis.js"></script>
		<script src="lib/echarts/echarts.min.js" charset="utf-8"></script>
		<!-- <script src="lib/echarts/shine.js" charset="utf-8"></script> -->
		
	</head>

	<body>
		<div class="layuimini-container">
			<div class="layuimini-main">
				<fieldset class="layui-elem-field layui-field-title">
					<legend>参赛统计</legend>
				</fieldset>
				
				<div class="layui-form" style="margin: 10px 10px 10px 10px">
					<form class="layui-form layui-form-pane" action="">
						<div class="layui-form-item">
							<div class="layui-inline">
								<label class="layui-form-label">赛事名称</label>
								<div class="layui-input-inline" style="width: 230px;">
									<select name="competition" id="competition" lay-verify="competition" autocomplete="off">
                                        <option value="" selected=""></option>
                                    </select>
								</div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label">年级</label>
								<div class="layui-input-inline" style="width: 230px;">
									<input type="text" name="grade" id="grade" autocomplete="off" placeholder="请选择年级" class="layui-input" readonly="readonly">
								</div>
							</div>
						</div>
						<div class="layui-form-item">
							<div class="layui-inline">
								<label class="layui-form-label">选择专业</label>
								<div class="layui-input-inline" style="width: 230px;">
									<select name="major" id="major" lay-filter="major">
				                        <option value="" selected="selected"></option>
				                    </select>
								</div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label">选择班级</label>
								<div class="layui-input-inline" style="width: 230px;">
									<select name="clase" id="clase">
				                        <option value="" selected="selected"></option>
				                    </select>
								</div>
							</div>
							<div class="layui-inline">
								<button class="layui-btn" lay-submit="" lay-filter="data-search-btn1"><i class="layui-icon layui-icon-search"></i> 搜索</button>
								<button type="reset" class="layui-btn layui-btn-primary"><i class="layui-icon layui-icon-refresh"></i>重置</button>
							</div>
						</div>
					</form>
				</div>

				<!--图表一-->

				<div class="layui-row layui-col-space15">
					<div class="layui-col-md12">

						<div class="layui-card-body">
							<div class="layui-row layui-col-space15">
								<div class="layui-col-md6">
									<div class="layui-card" style="box-shadow: 0px 0px 10px 3px gainsboro; border-radius: 20px;">
										<div class="layui-card-header" style="font-weight: bold; font-size: 18px;">参赛人数统计</div>
										<div class="layui-card-body">
											<div id="pienum" style="width: 100%; height: 400px;"></div>
										</div>
									</div>
								</div>
								<div class="layui-col-md6">
									<div class="layui-card" style="box-shadow: 0px 0px 10px 3px gainsboro; border-radius: 20px;">
										<div class="layui-card-header" style="font-weight: bold; font-size: 18px;">获奖情况统计</div>
										<div class="layui-card-body">
											<div id="piewin" style="width: 100%; height: 400px;"></div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="layui-form" style="margin: 50px 10px 10px 10px">
					<form class="layui-form layui-form-pane" action="">
						<div class="layui-form-item">
							<div class="layui-inline">
								<label class="layui-form-label">赛事名称</label>
								<div class="layui-input-inline" style="width: 230px;">
									 <select name="competition2" id="competition2" lay-verify="competition" autocomplete="off">
                                        <option value="" selected=""></option>
                                    </select>
                                </div>
							</div>
							<div class="layui-inline">
								<label class="layui-form-label">时间范围</label>
								<div class="layui-input-inline" style="width: 230px;">
									<input type="text" name="daterange" id="daterange" autocomplete="off" placeholder="请选择日期范围" class="layui-input" readonly="readonly">
								</div>
							</div>
							<div class="layui-inline">
								<button class="layui-btn" lay-submit="" lay-filter="data-search-btn2"><i class="layui-icon layui-icon-search"></i> 搜索</button>
								<button type="reset" class="layui-btn layui-btn-primary"><i class="layui-icon layui-icon-refresh"></i>重置</button>
							</div>
						</div>
					</form>
				</div>
				<div style="padding: 20px;">
					<div class="layui-row layui-col-space15">
						<div class="layui-card" style="border-radius: 20px; border: 2px solid buttonface; box-shadow: 0px 0px 10px 3px gainsboro;">
							<div class="layui-card-header" style="font-weight: bold; font-size: 18px;">各专业参赛获奖比较</div>
							<div class="layui-card-body">
								<div id="histogrammajor" style="width: 100%; height: 400px;"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>

</html>